
body{
	color: #263238;
}
.balance{
	padding: 0 30upx;
	font-size: 24upx;
	color: var(--txt-color);
	text-align: right;
	.active{
		color: var(--theme-color);
		margin-left: 10upx;
	}
}
	
.wallet-top{
	margin: 0 30upx;
	width: 690upx;
	height: 340upx;
	position: relative;
	padding: 30upx;
	color: #ffffff;
	.img-bg{
		width: 690upx;
		height: 340upx;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.title{
		display: flex;
		align-items: center;
		font-size: 28upx;
	}
	.num{
		font-size: 80upx;
		font-weight: bold;
		margin: 30upx 0 10upx;
	}
	.heji{
		margin-top: 60upx;
		font-size: 28upx;
	}
}	

.wallet-fun{
	padding: 30upx 15upx;
	display: flex;
	.list{
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 15upx;
		background-color: #F0F5FF;
		padding: 30upx 0;
		border-radius: 10upx;
		color: var(--theme-color);
		.img{
			width: 36upx;
			height: 36upx;
			margin-right: 20upx;
		}
		.tit{
			font-size: 28upx;
		}
	}
	.act{
		background-color: var(--theme-color);
		color: #ffffff;
	}
}
.wallet-title{
	padding: 30upx;
	font-size: 36upx;
	font-weight: bold;
	border-top: 16upx solid var(--border);
}
.wallet-coin{
	padding: 0 30upx;
	.list{
		border-bottom: 1upx solid var(--border);
		padding-bottom:20upx ;
		margin-bottom: 30upx;
		.tit{
			font-size: 32upx;
		}
		.ct{
			display: flex;
			align-items: center;
			font-size: 24upx;
			color: var(--txt-gray-color);
			margin-top: 16upx;
			view{
				
				&:nth-child(1){
					flex: 1;
					text-align: left;
				}
				&:nth-child(2){
					flex: 1;
					text-align: center;
				}
				&:nth-child(3){
					flex: 1;
					text-align: right;
				}
			}
		}
		.ct2{
			font-size: 28upx;
			color: var(--txt-color);
		}
	}
}

